import classNames from 'classnames'

// 创建函数 props 的类型
type Props = {
  type: string
  // 点击事件的类型
  // 设置为 可选参数，也就是说在使用该组件时，可以传，也可以不传
  onClick?: () => void
  // 样式
  className?: string
}

const Icon = ({ type, onClick, className }: Props) => {
  return (
    <svg
      className={classNames('icon', className)}
      aria-hidden="true"
      onClick={onClick}
    >
      <use xlinkHref={`#${type}`}></use>
    </svg>
  )
}

export default Icon
